<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>分享零元</title>
    <link rel="stylesheet" href="../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../css/activity.css" />
    <script src="../js/base.js"></script>
    <style>
        @media screen and (max-width:320px){


        }

        @media screen and (min-width:321px) and (max-width:376px){

        }
        @media screen and (min-width:377px) and (max-width:415px){

        }
    </style>
</head>
<body>
<section id="app">
         <div>
             <img src="../icon/1-3/activityBg1.png" alt="">
         </div>
         <!--<div  v-for="goods,idx in showGoodsList" class="joinBtn"  v-if="idx==0"  @click="goGoodsDetail(goods.goods_id)"><img src="../icon/1-3/joinBtn2.png" alt=""></div>-->
    <div   class="joinBtn"   @click="goGoodsDetail('8fc674d0-bcc0-11e8-b05d-a53f0a637c51')"><img src="../icon/1-3/joinBtn2.png" alt=""></div>

         <div class="gloryMain">
             <div class="userHead" >
                 <div class="aui-text-center aui-font-size-12 aui-padded-t-10 aui-padded-b-10" style="color:#fff">* 看看别人家的代理们10月赚了多少钱 *</div>
                <ul class=" aui-flex-col  aui-text-center">
                     <li class="aui-flex-item-4" style="top:0.8rem">
                         <div class="yinGuan">
                             <img class=" userYinImg " v-bind:src="userListInfo[1].wx_images" alt="">
                             <img class="yinGuanImg" src="../icon/1-3/yinGuan.png" alt="">
                             <img class="yinGuan2" src="../icon/1-3/yinGuan2.png" alt="">
                         </div>
                     </li>
                     <li class="aui-flex-item-4" style="position:relative">
                         <div class="jinGuan">
                             <img  class="userJinImg "  v-bind:src="userListInfo[0].wx_images" alt="">
                             <img class="jinGuanImg" src="../icon/1-3/jinGuan.png" alt="">
                             <img class="jinGuan1" src="../icon/1-3/jinGuan1.png" alt="">
                         </div>
                     </li>
                     <li class="aui-flex-item-4 " style="top:0.8rem">
                         <div class="tongGuan">
                             <img  class="userTongImg"  v-bind:src="userListInfo[2].wx_images" alt="">
                             <img class="tongGuanImg" src="../icon/1-3/tongGuan.png" alt="">
                             <img class="tongGuan3" src="../icon/1-3/tongGuan3.png" alt="">
                         </div>
                     </li>
                 </ul>
                 <div class="userInfo">
                     <ul class="aui-flex-col ">
                         <li class="aui-flex-item-4 aui-text-center" >
                             <span class="zhuan">赚</span><span class="weightFont">{{getCouponPrice(userListInfo[1].rebMoney)}}<span style="font-size: 12px;">  元</span></span>
                             <div  style="width:4.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;"><span style="display: inline-block;width:2rem"></span>{{userListInfo[1].wx_name}}</div>
                         </li>
                         <li class="aui-flex-item-4 aui-text-center" >
                             <span  class="zhuan">赚</span><span  class="weightFont">{{getCouponPrice(userListInfo[0].rebMoney)}}<span style="font-size: 12px;">  元</span></span>
                             <div  style="width:4.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;"><span style="display: inline-block;width:2rem"></span>{{userListInfo[0].wx_name}}</div>
                         </li>
                         <li class="aui-flex-item-4 aui-text-center" >
                             <span  class="zhuan">赚</span><span  class="weightFont">{{getCouponPrice(userListInfo[2].rebMoney)}}<span style="font-size: 12px;">  元</span></span>
                             <div style="width:4.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;"><span style="display: inline-block;width:2rem"></span>{{userListInfo[2].wx_name}}</div>
                         </li>
                     </ul>
                 </div>
             </div>

             <div class="gloryList aui-padded-l-10"  v-for="userInfo,idx in userListInfo">
                 <ul class="userList aui-flex-col ">
                     <li class="aui-flex-item-2 aui-text-center" style="color:#ccc">{{idx+1}}</li>
                     <li class="aui-flex-item-2">
                         <div class="portrait" ><img class="aui-radio" v-bind:src="userInfo.wx_images" alt="" style="width:2rem;height:2rem;border-radius: 1rem"></div>
                      </li>
                     <li class="aui-flex-item-5">
                       <div  style="width:5.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;"> {{userInfo.wx_name}}</div>
                     </li>
                     <li class="aui-flex-item-3 aui-text-right aui-padded-r-10"><span class=" weightFont">{{getCouponPrice(userInfo.rebMoney)}}</span> <span style="font-size: 12px;">元</span></li>
                 </ul>
                 <p style="border:0.5px solid #efefef;width:94%;margin:0 3%"></p>
             </div>
         </div>
    <div>
        <img src="../icon/1-3/activityBg2.png" alt="">
    </div>

</section>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/api.js"></script>
<script type="text/javascript" src="../js/activity.js" ></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../js/weixin.js" ></script>
</body>
</html>